@media screen and (max-width: 1200px) {
 
 /* 640px */ 
 
   .bg_05 {width:100%; height:auto;  background-image: url(../images/bg9.jpg); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;} 
  
  .hz_box{ width:96%;  margin:0 auto; padding-top:30px; padding-bottom:30px; display: flex; justify-content:space-around; flex-wrap: wrap; overflow: hidden;} 
  
  .hz_list{ width:100%;  text-align:center;  background:#fff; float:left;   box-shadow: 0px 0px 30px #999;  margin-bottom: 7%;} 

  .hz_list img{ width:100%; display:block; margin:0 auto;} 
  
  .hz_list span{ display:none;} 


}

 
  @media screen and (min-width: 1200px) {
 
 /* 1360px */ 
 
  .bg_05 {width:100%; height:auto;  background-image: url(../images/bg9.jpg); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;} 
  
  .hz_box{ width:96%;  margin:0 auto; padding-top:100px; padding-bottom:110px; overflow: hidden;} 
  
  .hz_list{  width:95%;  text-align:center;  background:#fff; float:left;   box-shadow: 0px 0px 30px #999; padding-bottom:1%;} 

  .hz_list img{ width:100%;  display:block;} 
  
  .hz_list span{ display:block; font-size:18px; margin-top:15px; font-weight:bolder;} 

}
 
 
 
 @media screen and (min-width: 1400px) {
 
 /* 1440px */ 
  
  .bg_05 {width:100%; height:auto;  background-image: url(../images/bg9.jpg); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;} 
  
  .hz_box{ width:96%;  margin:0 auto; padding-top:100px; padding-bottom:115px; overflow: hidden;} 

  .hz_list{ width:95%; text-align:center;  background:#fff; float:left;   box-shadow: 0px 0px 30px #999; padding-bottom:1%;} 

  .hz_list img{ width:100%;  display:block;} 
  
  .hz_list span{ display:block; font-size:18px; margin-top:15px; font-weight:bolder;} 

}





 @media screen and (min-width: 1500px) {
 
 /* 1600px */ 

  .bg_05 {width:100%; height:auto;  background-image: url(../images/bg9.jpg); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;} 
  
  .hz_box{ width:96%;  margin:0 auto; padding-top:100px; padding-bottom:120px; overflow: hidden;} 
  
  .hz_list{ width:95%; text-align:center;   background:#fff; float:left;   box-shadow: 0px 0px 30px #999; padding-bottom:1%;} 
  
  .hz_list img{ width:100%;  display:block;} 
  
  .hz_list span{ display:block; font-size:18px; margin-top:15px; font-weight:bolder;} 

}



 @media screen and (min-width: 1740px) {
 
  /* 1920px */ 
  
  
  .bg_05 {width:100%; height:auto;  background-image: url(../images/bg9.jpg); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;} 
  
  .hz_box{ width:96%; margin:0 auto; padding-top:100px; padding-bottom:150px; overflow: hidden; } 
  
  .hz_list{ width:95%;  text-align:center; background:#fff; float:left; box-shadow: 0px 0px 30px #999; padding-bottom:1%;} 
  
  .hz_list img{ width:100%;  display:block;} 
  
  .hz_list span{ display:block; font-size:18px; margin-top:15px; font-weight:bolder;} 
     
     
.hz_box1{ width:96%; margin:0 auto; padding-top:100px;overflow: hidden; } 
.hz_list1{}
.hz_list1 li{  text-align:center; background:#fff; float:left; box-shadow: 0px 0px 30px #999; padding-bottom:1%; width: 23%; margin: 1%;}
 .hz_list1 li h1{ font-size:18px;margin-top:15px; font-weight:normal; display:block;color: #666;}
.hz_list1 img{ width:100%;  display:block;} 
       
     
}


 @media screen and (max-width: 1300px) {
 

     
     
.hz_box1{ width:96%; margin:0 auto; padding-top:100px;overflow: hidden; } 
 
     
}



 @media screen and (min-width: 1052px) {
 
.hz_list1{}
.hz_list1 li{  text-align:center; background:#fff; float:left; box-shadow: 0px 0px 30px #999; padding-bottom:1%; width: 23%; margin: 1%;}
 .hz_list1 li h1{ font-size:18px;margin-top:15px; font-weight:normal; display:block;color: #666;}
.hz_list1 img{ width:100%;  display:block;} 
      
｝